.divstudent {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

:host {
  /* 这里的样式会应用于组件自身 */
  height: 100%;
  width: 25%;
}

// 1. 使用更具体的选择器: 在组件的样式中，可以尝试使用更具体的选择器，
// 比如::ng-deep（在Angular 9之前使用）或::ng-deep的替代品（在Angular 9及以后版本）。从Angular 9开始，
// ::ng-deep被标记为废弃，但你可以使用::ng-deep的等效写法，即直接在选择器前加上宿主选择器。例如：
.divstudent ::ng-deep img,
.divstudent img {
  width: 60px;
  height: 60px;
}

.divstudent ::ng-deep .divgood,
.divstudent .divgood {
  color: green;
}

.divstudent ::ng-deep .divnogood,
.divstudent .divnogood {
  color: red;
}

.highlight-divstudent {
  -webkit-box-shadow: 0 0 1px 3px #000 inset !important;
  -moz-box-shadow: 0 0 1px 3px #000 inset !important;
  border: #efefef 2px solid !important;
  box-shadow: 10px 10px 18px #cccccc !important;
  transform: scale(1.05) !important;
}


.buttonclass{
  background-color: rgb(131, 131, 253);
}
.buttonclass2{
  border: #efefef 2px solid !important;
  box-shadow: 10px 10px 18px #cccccc !important;
  transform: scale(1.05) !important;
}

